
/* This area is for temporary, or testing styles */

.red {color: red;}  /* This is just for testing purposes */

div.notice {color: green;}

p.site_name {text-align: center;}

a.delete {color: red; vertical-align: super}

p.search {width: 20em; float: right; margin-top: 0; text-align: right; padding: .2em; font-size: 1em;}
p.search input[type=text] {font-size: .9em; width: 15em;}
p.search input[type=submit] {font-size: 1em; }

input.error {border: 2px solid #A00;}

div.title h1 {display: inline;}
div.title p {display: inline; margin-left: 1em;}


/* a {padding: 2px;} */

h1 {border: 0;}

/*  This area is for unsorted styles */

p.skip_navigation a {position: absolute; z-index: 2;}
p.skip_navigation a	 {top: -600px;}
p.skip_navigation a:focus {top: 0;}


div.edit_info a {display: block;}

ul.subnav {display: block; list-style-type: none; margin-left: 0; padding-left: 0; padding-top: 0; margin-top: 0;}
ul.subnav li a, ul.subnav li span {display: block; float: left; padding: .5em 0 .5em 0; margin-right: 1em; }

ul.subnav + * {clear: left; padding-top: 1em;}

ul.recommendations {list-style-type: none;}

table th {padding-bottom: .5em;}
table td {padding-right: 3em;}

input.submit {margin-right: 2em;}
 

/* Text size, weight, style, family and line-height */

body {font-size: 16px; font-weight: normal; font-family: helvetica, verdana, arial, sans-serif;}

body div#message {font-size: .75em; line-height: 1.25em;}

p.site_name {font-size: 2em;}

div.editable_field div.edit_info {font-size: .8em; vertical-align: bottom; line-height: 2.5em; /* 2/.8 */}

div.editable_field h1 {line-height: 1.25em; /* 2/.8 */}

div.editable_field div.field p {line-height: 1.4em; margin-top: 0;}

h1 {font-size: 2em; font-weight: normal;}

input.title {font-size: 2em;}
input.submit {font-size: 1.2em;}

p.tags {font-size: .9em;}

ul.recommendations {font-size: 1.2em;}
ul.recommendations li  {font-size: .8em;}
ul.recommendations li a {font-size: 1.2em;}

p.metadata,
p.tags {font-size: .8em;}


/* Page margin */

body {padding: 0 0 0 0; margin: 0 1px 0 1px;}

body div#message {margin: 0 0 0 0; padding: 0 0 0 0; margin-bottom: 0;}

body div#message p {margin: 0 }

body div#page {padding: 2em 6em 2em 6em;}


div#body {max-width: 50em; clear: both;}

/* Padding, floats, border widths and margins */

div#message {border-width: 1px 0 1px 0; }

div#message p {padding: .5em 2.5em .5em 2.5em;}

ul.recommendations {margin-left: 0; padding-left: 0; margin-bottom: 2em;}
ul.recommendations li {margin-bottom: .8em;}

input.title {border-width: 0; padding: 0;}

div.description p {line-height: 1.4em; margin-top: 0;}

div {border-width: 0;}

div.editable_field div.edit_info,
div.field {border-width: 0;}
div.field h1 {border-width: 0;}

div.editable_field h1 {margin: 0;}


div#body div.editable_field:focus,
div#body div.editable_field:hover {left: -6em; position: relative; top: 0; width: 56em; /* Need to re-do this*/}
div.editable_field div.edit_info:focus,
div.editable_field:hover div.edit_info {float: left; width: 5.6em; padding-left: .2em; padding-right: .2em;}
div.editable_field div.edit_info:focus a,
div.editable_field:hover div.edit_info a {padding-left: 0;}


div.editable_field div.field p,
div.editable_field div.field div {margin-top: 0; margin-bottom: 1em;}

div.editable_field:focus div.field,
div.editable_field:hover div.field,
div.editable_field:hover form {margin-left: 6em;}


a.add {border-width: 1px; padding: .4em .6em; -moz-border-radius: .6em;}

/* Colours, background-colours and background-images */

body {background-color: #343628; color: #B5D180;}

div#message {border-color: #222; background-color: #555; color: #FFF;}
div#message.warning {background-color: #700; color: white;}

div.editable_field:focus div.field,
div.editable_field:hover div.field,
div.editable_field div.edit_info,
input.title {border-color: black;}

div.editable_field div.edit_info {}


body a 						{color: #60A176;}
body div#body a:visited 	{color: #A0A176;}

body div#body code {background-color: #333; color: #B7CC8F;}

span.tag {color: #CCC;}

div#body a.cancel,
div#body a.cancel:visited {color: #F33;}

a:active {color: #245B70;}

a:focus {background-color: black;}

#body a.add, 
#body a.add:visited {background-color: #CCC; color: #222; border-color: #AAA;}

#body a.add:hover {background-color: #222; color: #CCC;}

/* Border styles */


input.submit {border-style: solid; -moz-border-radius: 6px; -webkit-border-radius: 6px;}

div, h1, input.title {border-style: solid;}

div.editable_field:focus div.field,
div.editable_field:hover div.field {border-style: dotted;}

a:focus {outline: none;}

a.add {border-style: solid;}

/* Text alignment */

table th {text-align: left;}



/* Behaviours (display: none/etc)*/

div.editable_field div.edit_info {display: none;}
/* div.editable_field div.edit_info {display: none;} */
div.editable_field:focus div.edit_info,
div.editable_field:hover div.edit_info {position:relative; display: block;}

div.editable_field div.edit_info a {text-decoration: none;}
div.editable_field div.edit_info a:focus,
div.editable_field div.edit_info a:hover {text-decoration: underline;}

#body a.add {text-decoration: none;}
